.setting-page {
	.edit-form {
		width: 50%;
	}
	.tips {
		flex: 1;
		margin: 0 0 0 100px;
		line-height: 20px;
		.master-msg {
			padding-bottom: 15px;
			font-size: 14px;
			color: #333333;
		}
		.descript-msg {
			font-size: 15px;
			color: #777777;
		}
	}
	.el-form-item.preview {
		margin-top: 10px;
		margin-bottom: 10px;
		.system-title-preview {
			align-items: flex-end;
			width: 100%;
			padding: 10px 20px;
			background: var(--el-color-primary-light-9);
			.el-image {
				height: 40px;
				margin-right: 6px;
			}
			.title {
				font-size: 21.5px;
				font-weight: bold;
				white-space: nowrap;
			}
		}
	}
	.layout-settting {
		.layout-box {
			padding: 27px;
			.layout-item {
				width: 160px;
				height: 110px;
				padding: 6px;
				margin-bottom: 8px;
				border: 1px solid #dddddd;
				box-shadow: 1px 1px 5px #cccccc;
				opacity: 0.7;
			}
			.layout-item:hover {
				opacity: 1;
			}
			.layout-item.is-active {
				opacity: 1;
			}
		}
	}
}
